<style>
	div.form-control{
		border: 1px solid #ddd;
	}
</style>
<section class="content" xmlns:th="http://www.thymeleaf.org">
	<div class="row">
    	<div class="col-md-12">
        	<div class="panel">
	            <div class="panel-body">
		            <form id="generateConfigForm" role="form" class="form-horizontal">
					    <div class="form-group">
					        <label class="col-md-3 control-label">数据源:</label>
					        <div class="col-md-5 control-content">
					        	<select id="dataSourceId" name="dataSourceId" class="form-control" required="required">
					        		<option value="">=请选择=</option>
									<option th:each="dataSource : ${dataSourceList}" th:value="${dataSource.id}"
									th:text="${dataSource.description}"></option>
								</select>
					        </div>
					    </div>
					    <div class="form-group">
					        <label class="col-md-3 control-label">表名:</label>
					        <div class="col-md-5 control-content">
								<div style="margin-bottom: 15px">
									<input type="text" class="form-control" id="tableSearch" placeholder="搜索表名">
								</div>
					        	<div class="form-control" style="min-height: 300px; height: 300px; overflow-y:scroll;">
					        		<ul id="tableNames" class="list-group"></ul>
					        	</div>
					        </div>
					    </div>
		            </form>
	            </div>
	            <div class="panel-footer">
	            	<div class="row">
		            	<div class="col-md-9 col-md-offset-3">
							<button type="button" class="btn btn-primary" onclick="generateConfig()">生成表配置</button>
				          	<button type="button" class="btn btn-default" onclick="forwardPage('/tableConfig/init')">取消</button>
				        </div>
			        </div>
	            </div>
	        </div>
		</div>
	</div>
	<script th:src="@{/js/tableConfig/tableConfig.js}"></script>
</section>
